<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<%--    <link rel="stylesheet" href="../static/css/reset.css">--%>
<%--    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1972937_ook7ugcj3y.css">--%>

<style>

    /*头部*/
    #xc-header{
        height: 80px;
        width: 100%;
        background-color: #F9F9FA;
    }
    #xc-header .xc-header-mid{
        height: 80px;
        width: 1000px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;

    }

    #xc-header .xc-header-mid .xc-header-right{
        position: relative;
        width: 203px;
        height: 34px;
        margin: 23px  0;
    }

    #xc-header .xc-header-mid .xc-header-input{
        position: relative;
        display: flex;
        top: 25px;
        align-items: center;
        border: 1px solid #a4cbff;
        width: 203px;
        height: 30px;
    }
    #xc-header .xc-header-mid .xc-header-input .xc-input{
        display: block;
        height: 28px;
        outline: none;
        border: none;
    }

    #xc-header .xc-header-mid .xc-header-btn{
        width: 42px;
        height: 32px;
        background-color: #a4cbff;
        border: 1px solid #a4cbff;
        outline: none;
        cursor : pointer;

    }
    #xc-header .xc-header-mid .xc-header-btn .icon-sousuo1{
        color: white;
        font-weight:900;

    }
    #xc-header .xc-header-mid .xc-header-btn:hover{
        border: 1px solid #a4cbff;
        background-color: #074290;

    }



    /*横幅*/
    #xc-banner{
        height: 40px;
        width: 100%;
        background-color: #2577E3;
    }

    #xc-banner .xc-banner-mid{
        display: flex;
        width: 1000px;
        height: 40px;
        margin: 0 auto;
        justify-content: space-between;
        cursor: pointer;
    }
    #xc-banner .xc-banner-mid .xc-ul-item{
        display: flex;
        height: 40px;
    }

    #xc-banner .xc-banner-mid .xc-ul-item .xc-item{
        height: 40px;
        line-height: 40px;
        padding: 0 20px;
    }
    #xc-banner .xc-banner-mid .xc-ul-item .xc-item:hover{
        background-color: #074290;
    }

    .xc-a{
        color: white;
    }

    #xc-banner .xc-banner-mid .xc-banner-right{
        display: flex;
        height: 40px;
    }

    #xc-banner .xc-banner-mid .xc-banner-right .xc-item{
        height: 40px;
        line-height: 40px;
        padding: 0 20px;
    }
    #xc-banner .xc-banner-mid .xc-banner-right .xc-item:hover{
        background-color: #074290;
    }
    a{
        text-decoration: none;
    }
</style>

<header id="xc-header">
    <div class="xc-header-mid">
        <div class="xc-header-right">
            <a class="xc-header-a" href="/index/Index.jsp">
                <img class="xc-header-img" src="/static/imgs/1.jpg" alt="" width="203px" height="34px">
            </a>
        </div>
<%--        <div class="xc-header-input">--%>
<%--            <input class="xc-input" type="text" placeholder="搜索旅游地/酒店/旅游">--%>
<%--            <button class="xc-header-btn"><i class="iconfont icon-sousuo1" ></i></button>--%>
<%--        </div>--%>
    </div>
</header>
<div id="xc-banner">
    <div class="xc-banner-mid">
        <ul class="xc-ul-item">
            <li class="xc-item"><a class="xc-a" href="/index/Index.jsp">首页</a></li>
            <li class="xc-item" ><a class="xc-a"href="/travel/travel.jsp" >旅游</a></li>
            <li class="xc-item"><a class="xc-a" href="/Strategy/Strategy.jsp">攻略</a></li>
            <li class="xc-item"><a class="xc-a" href="/hotel/hotelIndex.jsp">酒店</a></li>
            <li class="xc-item"><a class="xc-a" href="/tickets/BuyingTickets.jsp">购票</a></li>
            <li class="xc-item"><a class="xc-a" href="/order/order.jsp">订单</a></li>
        </ul>
        <div class="xc-banner-right">
            <div class="xc-item"><a class="xc-a" href="/user/indexAddUser.jsp">注册</a></div>
            <div class="xc-item"><a class="xc-a" href="/user/userLogin.jsp">登录</a></div>
            <div class="xc-banner-right-a">
                <a  href="javascript:;"><img src="/static/imgs/a-2.jpg" class="xc-layui-nav-img"width="40px"height="40px" style="display:
                    <%
                        String str=null;
                    if (session.getAttribute("user")==null)
                        {
                           str="none";
                        }
                    else
                        {
                            str="block";
                        }

%>

                    <%=str%>
                    <%


                    %>
                        "></a>
            </div>
        </div>
    </div>
</div>